@charset "utf-8";
@import "./reset.css";

body { 
    padding: 100px 0;
    /* overflow: hidden; */
    /* body创建bfc也会和子元素发生外边距合并 */
} 
.wrapper {

    width: 400px;
    height: 400px;
    margin: 0px auto;
    position: relative;
}
.wrapper .pan {
    width: 400px;
    height: 400px;

}
.wrapper .pan img {
    width: 400px;
    display: block;

}
.wrapper .btn {
    position: absolute;  
    width: 130px;
    height: 130px;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    /* 若出现矛盾的时候，而宽高没有设置，这时宽高不在适应内容，而是吸收剩余空间 */
    margin: auto;
    cursor: pointer;
}
.wrapper .btn img {
    width: 130px;
    display: block;
    margin-top: -23px;
}